﻿@model QuanLyGiaoVuUI.Models.MonHoc.MonHocBoMonViewModel
@{
    Layout = null;
}

@Html.HiddenFor(m => m.MaBoMon)
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="monhoc-table">
                                @if (Model.DanhSachMonHoc.Count() == 0)
                            {
                                <tr>
                                    <span>Không có dữ liệu!</span>
                                </tr>
                            }
                            else
                            {

                            <tr>
                                <th class="sorting table-header-check"><a id="toggle-all"></a></th>
                                <th class="sorting table-header-repeat line-left minwidth-1"><a href="javascript:;">Mã môn học</a></th>
                                <th class="sorting table-header-repeat line-left"><a href="javascript:;">Tên môn học</a></th>
                                <th class="sorting table-header-repeat line-left"><a href="javascript:;">Tổng số tín chỉ</a></th>
                                <th class="sorting table-header-repeat line-left"><a href="javascript:;">Số tín chỉ lý thuyết</a></th>
                                <th class="sorting">Xóa</th>
                            </tr>
                                int count = 0;
                                foreach (QuanLyGiaoVuUI.Models.MonHoc.MonHocViewModel monHoc in Model.DanhSachMonHoc)
                                {
                                <tr class="gradeA @(++count % 2 == 0 ? "even" : "odd") @(monHoc.MaMonChinh == null ?"lopGoc" : "")">
                                    <td>
                                        @if (monHoc.MaMonChinh == null){
                                            <img src="~/Content/themes/bluewhale/img/switch_minus.gif" />
                                        }
                                    </td>
                                    <td>@monHoc.MaMonHoc</td>
                                    <td style="text-align:justify">@monHoc.TenMonHoc</td>
                                    <td>@monHoc.TongSoTinChi</td>
                                    <td>@monHoc.SoTinChiLyThuyet</td>
                                    <td><a href="javascript:;" class="btnXoa" data-id="@monHoc.ID">Xóa</a></td>
                                </tr>
                                }
                            }
                        </table>
<script>
    $(document).ready(function () {
        $(".btnXoa").bind("click", function () {
            if (confirm("Xóa môn học này?")) {

                var maBoMon = $("#MaBoMon").val();
                var maMonHoc = $(this).data("id");
                var currentRow = $(this).closest("tr");
                $.ajax({
                    type: "post",
                    url: "/MonHoc/XoaMonHocBoMon",
                    data: {
                        maBoMon: maBoMon,
                        maMonHoc: maMonHoc
                    },
                    success: function (data) {
                        if (data.success) {
                            ToastManager.showSuccessToast("Cập nhật thành công.");
                            currentRow.remove();
                        }
                        else
                            ToastManager.showStickyWarningToast(data.message);
                    }
                });
            }
        });
    });
</script>